$(function() {

    // 注册账号

    $('#zhuce').on('click', function() {
        $('.login-box').hide() //隐藏
        $('.reg-box').show() //显示
    })
    $('#denglu').on('click', function() {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    //从layui中获取form对象

    var form = layui.form
    var layer = layui.layer

    //自定义规则

    form.verify({
        pass: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],

        //密码是否一致判定

        repass: function(value) {

            //获得输入的内容

            var pass = $('.reg-box [name=password]').val()
            if (pass !== value) {
                return '两次密码输入不一致'
            }
        }
    })

    //监听注册表单提交事件

    $('#form_reg').on('submit', function(e) {

        //组织表单默认提交

        e.preventDefault();
        $.post('/api/reguser', {
            username: $('#form_reg [name = usrename]').val(),
            password: $('#form_reg [name = password]').val()
        }, function(res) {
            if (res.status !== 0) {
                return layer.msg(res.message, { icon: 5 });
            }
        })
        layer.msg('注册成功', { icon: 6 });

        //模拟人的点击行为

        $('#denglu').click()
    })

    //监听登录事件

    $('#form_login').submit(function(e) {

        //阻止默认提交

        e.preventDefault();
        $.ajax({
            url: '/api/login',
            method: 'POST',

            //快速获取表单数据

            data: $(this).serialize(),

            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg('登录失败', { icon: 5 })
                }
                layer.msg('登录成功', { icon: 6 })
                console.log(res.token)
                localStorage.setItem('token', res.token)
                location.href = '/index.html'
            }
        })
    })

})